<template>
  <div class="table-wrap">
    <div class="search-header">
      <el-date-picker
        v-model="datePicker"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        size="small"
        >
      </el-date-picker>
      <div style="margin-left: 8px;">
        <el-button  size="small">导出</el-button>
      </div>
    </div>
    <el-table :data="tableData" stripe style="width: 100%">
      <el-table-column prop="date" label="分组" />
      <el-table-column prop="count" label="打招呼数" />
      <el-table-column prop="friend_count" label="通过好友数" />
      <el-table-column prop="source" label="通过率" />
      <el-table-column prop="unsearch" label="未搜到数" />
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: [{
        value: 1,
        label: '肖成红'
      }, {
        value: 2,
        label: '闵雨薇'
      }, {
        value: 3,
        label: '肖洁'
      }],
      value: '',
      datePicker: '',
      tableData: []
    }
  }
}
</script>
<style lang="scss" scoped>
.table-wrap {
  .search-header {
    padding: 12px;
    background-color: #fff;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    display: flex;
  }
}
</style>